html,
body {
	--textColor: #1D2334;
	--subColor:#A6A7AB;
	--labelColor:#949494;
	--badgeBgColor:#FB552B;
	--mainColor:#067FFA;
	--greenColor:#5DBF74;
	--searchHeight:2rem;
	--indicatorHeight:1.68rem;
}
.mui-bar{
	background-color:#fff;
}
.mui-bar .mui-title{
	color: var(--textColor);
	/* font-size: var(--size17); */
}
.mui-bar a,header>.mui-icon-left-nav:before{
	color: var(--mainColor);
}

.mui-content{
	background-color: transparent;
}

.mui-card{
	box-shadow: none;
}

/*框架*/
.mui-content .mui-slider-indicator{
	bottom: auto;
	top: 0;
	height: var(--indicatorHeight);
	background-color: white;
	white-space: nowrap;
}
.mui-content .mui-slider-indicator .mui-indicator{
	border: 0;
	height: 100%;
	width: 50%;
	margin: 0;
	border-radius: 0;
	border-bottom: solid 3px transparent;
	background-color: transparent;
	-webkit-box-shadow:none;
	box-shadow: none;
}
.mui-content .mui-slider-indicator .mui-indicator .indicateText{
	color: var(--textColor);
	font-size: 15px;
	height: 21px;
	text-align: center;
	width: 100%;
	margin: calc(0.84rem - 12px) 0;
}
.mui-content .mui-slider-indicator .mui-indicator .indicateLine{
	height: 3px;
	width: 13px;
	margin-left: calc(50% - 6.5px);
}
.mui-content .mui-slider-indicator .mui-indicator.mui-active{
	background-color: transparent;
}
.mui-content .mui-slider-indicator .mui-indicator.mui-active .indicateText{
	color: var(--mainColor);
}
.mui-content .mui-slider-indicator .mui-indicator.mui-active .indicateLine{
	background-color: var(--mainColor);
}

.mui-content .mui-fullscreen.mui-slider .mui-slider-group{
	top: calc(var(--indicatorHeight) + var(--searchHeight));
	height: calc(100% - var(--indicatorHeight) - var(--searchHeight));
}
.mui-content .mui-slider{
	background-color: var(--bgColor);
}

.mui-slider-indicator.showLeft{
	text-align: left;
	padding-left: var(--size15);
}
.mui-slider-indicator.showLeft .mui-indicator{
	width: auto;
	margin-right: var(--size30);
}
.mui-slider-indicator.threePart .mui-indicator{
	width: calc(100% / 3);
}

/*========搜索框=============*/
.searchArea {
	height: var(--searchHeight);
	width: 100%;
	padding: var(--size10) var(--size15);
	background-color: transparent;
}
.searchArea input[type='search']{
	font-size: var(--size12);
	height: var(--size30);
	line-height: var(--size30);
	margin: 0;
	border: 0;
	border-radius: var(--size15);
	background-color: #EFEFEF;
}
.mui-search .mui-placeholder {
	font-size: var(--size12);
	color: var(--subColor);
	height: var(--size30);
	line-height: var(--size30);
	padding-left: var(--size15);
	text-align: left;
}

.mui-search .mui-placeholder .mui-icon,.mui-input-row.mui-search.mui-active::before {
	font-size: var(--size13);
	height: var(--size30);
	line-height: var(--size30);
}
.mui-search .mui-placeholder .mui-icon{
	margin-right: var(--size8);
}
.mui-input-row.mui-search.mui-active::before{
	font-size: var(--size13);
	margin-top: -0.6rem;
	left: var(--size15);
}
.mui-input-row .mui-input-clear ~ .mui-icon-clear{
	height: var(--size30);
	line-height: var(--size30);
}
.mui-input-row.mui-search .mui-icon-clear {
	top: 0;
}


/*上拉加载更多*/
.mui-pull-bottom-tips {
	text-align: center;
	background-color: transparent;
	font-size: var(--size15);
	line-height: var(--size40);
	color: #777;
}
.mui-pull-loading{
	font-size: var(--size13);
}
/* 按钮点击效果 */
.mui-btn-primary:active{
	background-color: wheat!important;
	border-color: wheat!important;
}

/* 课程信息 */
.mui-table-view{
	background-color: transparent;
}
.mui-table-view-cell{
	margin: var(--size15);
	margin-top: 0;
	width: calc(100% - var(--size30));
	background-color: white;
	border-radius: 6px;
	overflow: hidden;
	padding: var(--size15);
	padding-bottom: var(--size10);
}

.mui-table-view:before,.mui-table-view:after,.mui-table-view-cell:after{
	height: 0;
}
.mui-table-view-cell.mui-active {
    background-color: white;
}
.classTitle{
	font-size: var(--size14);
	/* font-weight: 600; */
	color: var(--textColor);
}
.classInfo{
	font-size: var(--size12);
	color: var(--subColor);
}
.classTitle div,.classInfo div{
	display: inline-block;
	padding: 0 var(--size5);
	vertical-align: middle;
}
.classTitle div{
	height: var(--size16);
	line-height: var(--size16);
	font-size: var(--size10);
	color: var(--labelColor);
	border-radius: 4px;
	
	border-bottom-left-radius: 0;
	background-color: white;
	border: solid 1px #949494;
	margin-left: var(--size8);
	margin-right: 0;
}
.classInfo div{
	color: var(--textColor);
	font-size: var(--size11);
	background-color: #F6F6F6;
	margin-right: var(--size10);
	border-radius: var(--size9);
	height: var(--size18);
	line-height: var(--size18);
	margin-top: 0.12rem;
}
.classInfo div:last-child{
	margin-right: 0;
}
.classSubInfo{
	font-size: var(--size12);
	margin-top: var(--size4);
	line-height: 1.8;
	color: #797979;
}
.mui-table-view-cell > .mui-btn{
	position: static;
	top: 0;
	right: 0;
	float: right;
	-webkit-transform: translateY(0); 
	transform: translateY(0);
}
.baseBtn{
	float: right;
	border: solid 1px var(--mainColor);
	background-color: var(--mainColor);
	color: white;
	height: var(--size28);
	line-height: var(--size28);
	font-size: var(--size13);
	width: var(--size64);
	border-radius: var(--size14);
	text-align: center;
	margin-left: var(--size10);
	padding: 0;
}

.baseBtn.portraitCenter{
	position: absolute;
	left: auto;
	right: 0;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

/* popover蒙版 */
.popotitle{
	background: var(--mainColor);
	color: white;
	height: var(--size40);
	line-height: var(--size40);
	padding-left: var(--size15);
	font-size: var(--size15);
	width: 100%;
}
.closeBtn{
	position: absolute;
	right: var(--size10);
	top: 0px;
	text-align: center;
	height: var(--size40);
	line-height: var(--size40);
	width: var(--size28);
	font-size: var(--size28);
}
.popoBackdrop{
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 998;
	background-color: rgba(0,0,0,.3);
}
.popoBackdrop.dhc-active{
	display: block;
}